import React from "react";

export function SlackLogoIcon({
  className,
  ...props
}: React.ComponentProps<"svg">) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="36"
      height="36"
      viewBox="0 0 36 36"
      fill="none"
      className={className}
      {...props}
    >
      <path
        fill="currentColor"
        d="M13.257 18.99a3.776 3.776 0 0 1 3.777 3.753V32.2A3.78 3.78 0 0 1 13.257 36a3.776 3.776 0 0 1-3.777-3.8v-9.457a3.777 3.777 0 0 1 3.777-3.753Zm9.486 9.433a3.776 3.776 0 1 1-3.776 3.776v-3.776h3.776Zm9.456-9.457A3.78 3.78 0 0 1 36 22.743a3.776 3.776 0 0 1-3.8 3.777h-9.457a3.777 3.777 0 0 1 0-7.554H32.2ZM7.577 22.743a3.776 3.776 0 1 1-3.776-3.777h3.776v3.777Zm5.68-13.263a3.777 3.777 0 0 1 0 7.554H3.8A3.78 3.78 0 0 1 0 13.257 3.777 3.777 0 0 1 3.8 9.48h9.457Zm17.497.288a3.778 3.778 0 1 1 1.445 7.266h-3.776v-3.777a3.776 3.776 0 0 1 2.33-3.49ZM22.744 0a3.777 3.777 0 0 1 3.776 3.8v9.457a3.777 3.777 0 0 1-7.554 0V3.8A3.78 3.78 0 0 1 22.743 0ZM12.52.096A3.777 3.777 0 0 1 17.034 3.8v3.776h-3.777A3.776 3.776 0 0 1 12.52.096Z"
      />
    </svg>
  );
}
